import {Component} from 'react'
import {View, Text} from '@tarojs/components'
import {AtButton,AtAvatar } from 'taro-ui'
import "taro-ui/dist/style/components/button.scss" // 按需引入
import './index.less'
import TabBar from "../common/taBar";



import Taro　from '@tarojs/taro';


export default class Index extends Component {
  state = {//内置变量
    name: 'zhangsan'
  }
// 生命周期
  componentWillMount() {
  }//第一次渲染之前，只执行一次
  componentDidMount() {
  }//第一次渲染之后，只执行一次
  componentWillUnmount() {
  }//卸载之前，只执行一次
  componentDidShow() {
  }//页面显示时候触发
  componentDidHide() {
  }//页面隐藏时候触发
  shouldComponentUpdate(nextProps, nextState) {//更改即将发生时候执行
    if (nextState.name == 'lisi')
      return true
    else
      return false;//表示该更改state变量的动作失效
  }


  render() {
    return (
      <View className='index'>
        <Text>Hello world!</Text>
        <AtButton type='primary'>I need Taro UI</AtButton>
        <Text>Taro UI 支持 Vue3</Text>
        <AtButton type='primary' circle={true}>支持</AtButton>
        <Text>共建!</Text>
        <AtButton type='secondary' circle={true}>来</AtButton>
        <TabBar tabBarCurrent={0} />
      </View>
    )
  }
}
